<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	template="/pages/common/plantillaPrincipal.xhtml">

	<ui:define name="title">Foro Index</ui:define>
	<ui:define name="cuerpo">
		<h:form style="font-size:14px">
			<p:panel>
				<p:commandButton value="+ Nuevo tema" update="dialog"
					oncomplete="nuevoDialog.show()" />

				<p:accordionPanel id="data" multiple="true"
					value="#{temaBean.temas}" var="tr">
					<p:tab title="#{tr.detalle}">
						<h:outputLabel value="#{tr.posts}" />
					</p:tab>
				</p:accordionPanel>


				<p:dialog id="dialog" header="Nueva tema" widgetVar="nuevoDialog"
					showEffect="clip" hideEffect="fold">
					<h:panelGrid columns="2">
						<h:outputLabel value="Titulo:" />
						<p:inputText required="true" value="#{temaBean.titulo}"
							style="width:300px" />
						<h:outputLabel value="Contenido:" />
						<p:inputTextarea required="true" value="#{temaBean.contenido}"
							style="width:300px" rows="10" />
						<h:panelGroup />
						<p:commandButton value="Aceptar" update="data" style="float:right"
							actionListener="#{temaBean.agregar}"
							oncomplete="nuevoDialog.hide()" />
					</h:panelGrid>
				</p:dialog>
			</p:panel>

		</h:form>
	</ui:define>
</ui:composition>